<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			*{margin:0;padding: 0;}
			h1{
				width: 200px; 
				height: 200px;
				/*background-color: darkblue;*/
				/*background:linear-gradient(to right,black,blue,green,red);*/
				background: radial-gradient(blue,green,red);
			}
			/*ul{background-color: red;}*/
			ul{
				border:1px solid black;
				width: 600px;
				margin: 0 auto;
			}
			ul li{
				background-color: blue;width: 300px;
				list-style: none;
				margin: 5px;
				border-color:red;
				border-style:outset;
				border-width:20px 40px 3px;
				border-bottom-style: dotted;
				color:white;
				margin-left: 200px;
				margin-top: 60px;
				padding: 16px;
			}
			p input{border:none; border-bottom: 1px solid black;}
		</style>
	</head>
	<body>
		<h1>我们的目标是做一个全栈工程师</h1>
		<ul>
			<li>苹果</li>
			<li>栗子</li>
			<li>梨子</li>
			<li>李子</li>
			<li>离子</li>
			<li>狸子</li>
		</ul>
		<form>
			<p>
				<label>手机号</label>
				<input type="text" name="tel" />
			</p>
		</form>
	</body>
</html>
